<link rel="import" href="../../../../packages/polymer/polymer.html">
<link rel="import" href="nav_bar.html">
<link rel="import" href="observatory_element.html">

<polymer-element name="isolate-reconnect" extends="observatory-element">
  <template>
    <link rel="stylesheet" href="css/shared.css">
    <style>
      .doubleSpaced {
	line-height: 2em;
      }
    </style>

    <nav-bar>
      <top-nav-menu last="{{ true }}"></top-nav-menu>
    </nav-bar>

    <div class="content-centered">
      <h1 class="doubleSpaced">Isolate {{ missingIsolateId }} no longer exists</h1>
      <div class="memberList">
         <template repeat="{{ i in app.vm.isolates }}">
           <div class="memberItem doubleSpaced">
             Continue in <a _href="{{ linkToContinueIn(i) }}">{{ i.id }} ({{ i.name }})</a>
           </div>
         </template>
         <div class="memberItem doubleSpaced">
           Go to <a _href="{{ gotoLink('/vm') }}">isolates summary</a>
         </div>
      </div>
    </div>
  </template>
</polymer-element>

<script type="application/dart" src="isolate_reconnect.dart"></script>
